<template>
  <div style="width:1200px; margin:0 auto">
    <Header></Header>

    <div style="width:300px; margin:0 auto; text-align: center">
      <el-card style="width: 300px; height: auto">
        <div slot="header">
          <span>您已成功付款</span>
        </div>
        <div>
          <div>收货地址：{{address.address}}</div>
          实付款：<span style="color: red;font-size: larger">{{(money * 0.01).toFixed(2)}}</span>元
        </div>
      </el-card>
      <el-button type="success" @click="myOrder">查看订单</el-button>
    </div>

    <Footer></Footer>
  </div>


</template>

<script>
  import Footer from '@/components/Footer'
  import Header from '@/components/Header'

  export default {
    components: {
      Footer,
      Header
    },
    created() {
      this.money = this.$route.params.totalPrice
      this.orderId = this.$route.params.orderId
      this.address = this.$route.params.address
    },
    data() {
      return {
        money: 0,
        address: ''
      }
    },
    methods: {
      myOrder() {
        this.$router.push('/front/my/order')
      }
    }
  }
</script>

<style>
</style>
